<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<body>
<div class="navbar navbar-default" id="navbar" th:fragment="top" >
    <script type="text/javascript">
        try {
            ace.settings.check('navbar', 'fixed')
        } catch (e) {
        }
    </script>

    <div class="navbar-container" id="navbar-container">
        <div class="navbar-header pull-left">
            <a th:href="@{/}" class="navbar-brand">
                <img th:src="@{/assets/images/ai64x64.png}" style="width: 40px;"/>
                <!--<i class="icon-leaf"></i>-->
                艾智汇
            </a><!-- /.brand -->
        </div>
        <!-- /.navbar-header -->

        <div class="navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">
                <!--<li class="green" >-->
                    <!--<a data-toggle="dropdown" class="dropdown-toggle" href="#" style="background-color: #2c6aa0">-->
                        <!--<i class="icon-envelope icon-animated-vertical"></i>-->
                        <!--<span class="badge badge-success" id="msgCnt"></span>-->
                    <!--</a>-->

                    <!--<ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close" id="msgContainer">-->

                    <!--</ul>-->
                <!--</li>-->

                <li class="light-blue">
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle" style="background-color: #2c6aa0">
                        <!--<img class="nav-user-photo" th:src="@{/assets-lib/ace/avatars/header.jpeg}" src="../../static/assets-lib/ace/avatars/user.jpg" alt="admin's Photo"/>-->
                        <span class="user-info" style="max-width: 300px;line-height: 30px;">
                            <small>您好，<shiro:principal property="username"/>，欢迎您！</small>
                        </span>
                        <i class="icon-caret-down"></i>
                    </a>

                    <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <li>
                            <a href="javascript:void(0)" id="updatePwd">
                                <i class="icon-lock"></i>
                                修改密码
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a th:href="@{/logout}">
                                <i class="icon-off"></i>
                                注销登录
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
            <!-- /.ace-nav -->
        </div>
        <!-- /.navbar-header -->
    </div>
    <!-- /.container -->
</div>

<div id="updatePwd_modal" class="modal" th:fragment="pwdmodal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">修改密码</div>
            <div class="modal-body">
                <div class="form-horizontal" role="form" id="updatePwd_form">
                    <input type="hidden" name="id"/>
                    <div class="space-4"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right">原始密码<span class="red">*</span></label>
                        <div class="col-sm-9">
                            <input type="password" name="oldPwd" placeholder="请输入原始密码" class="col-xs-8 col-sm-8">
                            <span class="help-button" data-rel="popover" data-trigger="hover" data-placement="right"
                                  data-content="密码为长度为6-20个字符" title="" data-original-title="">?</span>
                        </div>
                    </div>
                    <div class="space-4"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right">新密码<span class="red">*</span></label>
                        <div class="col-sm-9">
                            <input type="password" name="newPwd" placeholder="请输入新密码" class="col-xs-8 col-sm-8">
                            <span class="help-button" data-rel="popover" data-trigger="hover" data-placement="right"
                                  data-content="密码为长度为6-20个字符" title="" data-original-title="">?</span>
                        </div>
                    </div>
                    <div class="space-4"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right">确认密码<span class="red">*</span></label>
                        <div class="col-sm-9">
                            <input type="password" name="confirmPwd" placeholder="请再次输入新密码" class="col-xs-8 col-sm-8">
                            <span class="help-button" data-rel="popover" data-trigger="hover" data-placement="right"
                                  data-content="密码为长度为6-20个字符" title="" data-original-title="">?</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-success btn-sm" id="updatePwd_btn">
                    <i class="icon-save"></i>
                    保存
                </button>
                <button class="btn btn-danger btn-sm" data-dismiss="modal">
                    <i class="icon-remove"></i>
                    取消
                </button>
            </div>
        </div>
    </div>
</div>
</body>
</html>